/*
 * @Descripttion: vxeTable 适配样式
 * @LastEditors: xzh
 * @LastEditTime: 2024-04-21 19:51:01
 */
// vxe-table样式
@use "vxe-table/lib/style.css" as *;

.vxe-table {
  // .vxe-table--header-wrapper,
  // .vxe-table--body-wrapper {
  //   background-color: var(--background-color) !important;
  // }
  .vxe-body--row.row--hover {
    background-color: var(--vxeTable-row-hover-bg-color) !important;
  }
  .vxe-body--row.row--current {
    background-color: var(--vxeTable-row-current-bg-color) !important;
  }
  .vxe-body--column,
  .vxe-footer--column,
  .vxe-header--column {
    background-image: linear-gradient(var(--border-color), var(--border-color)),
      linear-gradient(var(--border-color), var(--border-color)) !important;
  }
  .vxe-table--border-line {
    border: 1px solid var(--border-color) !important;
    // border-radius: 0.6rem !important;
  }
  .vxe-table--header-border-line {
    border-bottom: 1px solid var(--border-color) !important;
  }
  .vxe-loading {
    background-color: var(--el-mask-color);
    opacity: 0.8;
    .vxe-loading--default-icon,
    .vxe-loading--text {
      color: var(--el-color-success) !important;
    }
  }
  .vxe-header--column {
    height: 2.1rem !important;
    color: var(--vxeTable-text-color) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    .vxe-cell--checkbox {
      font-size: 0.7rem;
    }
  }
  .vxe-body--column {
    height: 2rem !important;
    font-size: 0.7rem;
    .vxe-cell {
      max-height: max-content !important;
      .el-input-number {
        input {
          text-align: left;
        }
      }
      > .el-input-number,
      > .el-input {
        margin: 0.5rem 0;
      }
    }
  }
  .vxe-header--column:not(.col--ellipsis),
  .vxe-body--column:not(.col--ellipsis),
  .vxe-footer--column:not(.col--ellipsis) {
    padding: 5px 0 !important;
  }
}

.vxe-table,
.vxe-table--header-wrapper,
.vxe-pager {
  color: var(--vxeTable-text-color) !important;
}

.vxe-input--inner,
.vxe-pager {
  background-color: var(--background-color) !important;
}
.vxe-pager {
  .vxe-pager--jump-next,
  .vxe-pager--jump-prev,
  .vxe-pager--next-btn,
  .vxe-pager--num-btn,
  .vxe-pager--prev-btn {
    background-color: var(--vxeTable-pager-btn) !important;
    &:not(.is--disabled):hover {
      color: var(--el-color-success) !important;
      border: 1px solid var(--el-color-success) !important;
    }
  }
  .vxe-pager--num-btn.is--active {
    background-color: var(--el-color-success) !important;
  }
  .vxe-pager--jump-next.is--disabled,
  .vxe-pager--jump-prev.is--disabled,
  .vxe-pager--next-btn.is--disabled,
  .vxe-pager--num-btn.is--disabled,
  .vxe-pager--prev-btn.is--disabled {
    background-color: var(--vxeTable-pager-disabled-btn) !important;
  }
}
.vxe-select.is--active:not(.is--filter) {
  .vxe-input--inner {
    border: 1px solid var(--el-color-success) !important;
  }
}
.vxe-select-option {
  &:not(.is--disabled).is--hover {
    background-color: var(--el-color-success-light-9) !important;
  }
  &:is(.is--selected) {
    color: var(--el-color-success) !important;
  }
}
.dile-table-container {
  display: flex;
  flex-direction: column;
  &:is(.table-top-bottom) {
    height: 100%;
    gap: 0.5rem;
    .dile-table-body {
      flex: 1;
      height: 0;
      display: flex;
      flex-direction: column;
      > div:first-child {
        flex: 1;
        height: 0;
      }
    }
  }
  //表格工具栏
  .dile-table-tools {
    flex-basis: 3rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    .dile-table-tools-content {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      > div {
        display: flex;
        align-items: center;
        > :not(:first-child) {
          margin-left: 1rem;
        }
      }
    }
  }
  //表格主体
  .dile-table-body {
    // 表格筛选按钮
    .table-customBtn {
      position: absolute;
      cursor: pointer;
      top: 0.69rem;
      right: 1.12rem;
      z-index: 999;
    }
    .vxe-pager {
      flex: 3rem 0 0;
      .vxe-pager--wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 2rem;
        margin: 0.5rem 0;
      }
    }
    &:has(.vxe-pager) {
      padding-bottom: 0 !important;
    }
  }
  & > div {
    // box-shadow: var(--box-shadow) !important;
    border-radius: 10px;
    opacity: 1;

    .el-card__body {
      padding: 1rem;
      height: 100%;
    }
  }
}

// 自定义css变量
.vxe-table {
  --vxeTable-text-color: var(--el-text-color-regular);
  --vxeTable-row-hover-bg-color: var(--el-fill-color-light);
  --vxeTable-row-current-bg-color: var(--el-color-primary-light-9);
  --vxe-primary-color: var(--el-color-success);
  --vxe-table-header-background-color: var(--el-bg-color) !important;
  --vxe-table-body-background-color: var(--el-bg-color) !important;
}
.vxe-select--panel-wrapper {
  --vxe-select-panel-background-color: var(--el-bg-color) !important;
}
.vxe-pager {
  --vxeTable-pager-btn: var(--el-fill-color);
  --vxeTable-pager-disabled-btn: var(--el-fill-color-light);
  --vxe-pager-background-color: var(--el-bg-color) !important;
}
